<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>SysMocap Web</title>

        <meta
            name="viewport"
            content="viewport-fit=cover, user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"
        />
        <!-- Three.js -->
        <script src="/node_modules/three/build/three.js"></script>
        <!-- GLTF Loader for Three.js -->
        <script src="/node_modules/three/examples/js/loaders/GLTFLoader.js"></script>
        <script src="../node_modules/three/examples/js/loaders/FBXLoader.js"></script>
        <script src="../node_modules/three/examples/js/libs/fflate.min.js"></script>
        <!-- Orbit Controls for Three.js -->
        <script src="/node_modules/three/examples/js/controls/OrbitControls.js"></script>
        <!-- VRM Loader for Three.js -->
        <script src="/node_modules/@pixiv/three-vrm/lib/three-vrm.js"></script>
        <!-- Mediapipe -->
        <script src="/node_modules/@mediapipe/holistic/holistic.js"></script>
        <!-- Mediapipe Drawing Tools -->
        <script src="/node_modules/@mediapipe/drawing_utils/drawing_utils.js"></script>
        <!-- Mediapipe Camera Tools -->
        <script src="/node_modules/@mediapipe/camera_utils/camera_utils.js"></script>
        <script src='/node_modules/socket.io/client-dist/socket.io.js'></script>

        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <script src="/node_modules/kalidokit/dist/kalidokit.umd.js"></script>
        <script src="./script.js" type="module"></script>
    </body>
</html>
